<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:c="http://java.sun.com/jsp/jstl/core">
<h:head>
	<meta http-equiv="content-type" content="text/html; charset=utf-8" />
		<h:outputScript library="js" name="jquery-1.7.1.min.js" />
		<h:outputScript library="js" name="main.js" />
		<h:outputStylesheet library="css" name="reset.css" />
		<h:outputStylesheet library="css" name="main.css" />
		
	<ui:insert name="title">
		<title>The Change</title>
	</ui:insert>
</h:head>
<h:body>
	<ui:include src="/template/top.xhtml" />
	<ui:include src="/template/middle.xhtml" />
	<ui:include src="/template/bottom.xhtml" />
	<h:form id="messageForm">
		<div class="message none">
			<span class="close-message">X</span>
			<span class="message-title">Thông báo</span>
			<h:messages/>
		</div>
		<script type="text/javascript">
		// <![CDATA[ 
			$('document').ready(function(){
				var item = $('.message').find('li').text();
				if(item != null && item.length > 2){
					$('.message').removeClass('none').addClass('block');;
				}
			});
			
		// ]]> 
		</script>
	</h:form>
</h:body>
</html>